Native interactive elements and their generic activation commands
<button>- Enter, Space<a href="#">- Enter<input type="button">- Enter, Space<input type="submit">- Enter, Space<input type="reset">- Enter, Space<input type="checkbox">- Space<input type="radio">- Arrow keys (to navigate), Space (to select)<select>- Enter (to open), Arrow keys (to navigate), Space (to select)<textarea>- Enter (to input text)<input type="text">- Enter (to submit form)<input type="password">- Enter (to submit form)<input type="email">- Enter (to submit form)<input type="number">- Enter (to submit form)<input type="date">- Enter (to submit form)<input type="time">- Enter (to submit form)<input type="url">- Enter (to submit form)<input type="search">- Enter (to submit form)<details>- Enter, Space (to toggle open/close)<summary>- Enter, Space (to toggle open/close)<label>- Enter (if associated with a form control)<input type="file">- Enter (to open the file selection dialog)<input type="range">- Arrow keys (to adjust the value)<input type="color">- Enter (to open the color picker)<input type="tel">- Enter (to submit the form)<input type="hidden">- Not interactive (no keyboard activation required)<input type="month">- Enter (to submit the form)<input type="week">- Enter (to submit the form)<input type="datetime-local">- Enter (to submit the form)<progress>- Not interactive (used to display progress)<meter>- Not interactive (used to display a measurement)<output>- Not interactive (used to display the result of a calculation)<dialog>- Enter, Space (to open/close the dialog)<iframe>- Tab (to navigate within the iframe content)<map>- Not interactive (used to define areas in an image)<area>- Enter (to activate the defined area in an image map)<canvas>- Depends on implementation (can be interactive based on content)<object>- Enter (to activate embedded content)<embed>- Enter (to activate embedded content)<video>- Space (to play/pause), Arrow keys (to adjust volume or seek)<audio>- Space (to play/pause), Arrow keys (to adjust volume or seek)
